<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css"/>
</head>
<body>
	<header class="mui-bar mui-bar-nav public-green-bgcolor header-no-shadow header-txt-color">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<a class="mui-icon mui-icon-star mui-pull-right"></a>
	    <h1 class="mui-title">邀约详情</h1>
	</header>
	
	<div class="mui-content">
	    <div class="detail_info-div">
    		<div class="user-lists">
    			<ul class="mui-table-view">
    			    <li class="mui-table-view-cell mui-media" style="background: transparent;">
			            <img class="mui-media-object mui-pull-left" src="../images/girls1.jpg">
			            <div class="mui-media-body">
			                <p>
			                	<span class="nickname">爱偷吃的鱼</span>
			                	<span class="mui-pull-right">
			                		<span>0.08km</span> |
			                		<span>16分钟前</span>
			                	</span>
			                </p>
			                <p>
			                	<span class="span-girl">
			                		<span class="mui-icon iconfont_city icon-81"></span>
			                		<span>28</span>
			                	</span>
			                </p>
			                <p class="mui-ellipsis">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
			            </div>
			            <div class="chat_content">
			            	<p class="title">
			            		<span class="mui-icon iconfont_city icon-woyaochifan public-color2"></span>
			            		<span class="title_content">约人吃饭</span>
			            	</p>
			            	<div class="content">
			            		<p><span class="mui-icon iconfont_city icon-didian"></span><span>鱼府山庄</span></p>
			            		<p><span class="mui-icon iconfont_city icon-shijian"></span><span>2018-08-04 18:39</span></p>
			            		<p><span class="mui-icon iconfont_city icon-nan"></span><span>男</span></p>
			            		<p><span class="mui-icon iconfont_city icon-qian2"></span><span>AA</span></p>
			            		<!--报名成功后才能看到电话
			            		<p><span class="mui-icon mui-icon-phone"></span><span class="public-color7">151xxxx1520</span></p>
			            		-->
			            	</div>
			            </div>
			            
			            
    			    </li>
    			    <!--邀约详情介绍-->
		            <div class="detail-content">
		            	<p>这个周末又是我一个人，在家带着挺无聊，想找个人一起去唱歌~</p>
		            </div>
		            <div class="mui-row detail-img">
		            	<div class="mui-col-sm-3 mui-col-xs-4">
				            <li class="mui-table-view-cell">
				               <img src="../images/exposed_girl1.jpg"/>
				            </li>
				        </div>
				        <div class="mui-col-sm-3 mui-col-xs-4">
				            <li class="mui-table-view-cell">
				               <img src="../images/exposed_girl2.jpg"/>
				            </li>
				        </div>
				        <div class="mui-col-sm-3 mui-col-xs-4">
				            <li class="mui-table-view-cell">
				               <img src="../images/exposed_girl3.jpg"/>
				            </li>
				        </div>
				        <div class="mui-col-sm-3 mui-col-xs-4">
				            <li class="mui-table-view-cell">
				               <img src="../images/exposed_girl1.jpg"/>
				            </li>
				        </div>
		            </div>
    			</ul>
    		</div>
    		<div style="height: 40px;"></div>
    		
    		<!--发布人看到的样式-->
    		<div class="mui-row public-bottom-button detail-btn-div" style="display: none;">
		    	<div class="mui-col-xs-12">
		            <li class="mui-table-view-cell transparent-bg">
		               <button class="mui-btn-link">报名管理</button>
		            </li>
		        </div>
		    </div>
    		
    		<!--其他人未报名前看到的样式-->
		    <div class="mui-row public-bottom-button detail-btn-div">
		    	<div class="mui-col-xs-4">
		            <li class="mui-table-view-cell transparent-bg">
		               <button class="mui-btn-link">聊天</button>
		            </li>
		        </div>
		    	<div class="mui-col-xs-4">
		            <li class="mui-table-view-cell transparent-bg">
		               <button class="mui-btn-link">报名</button>
		            </li>
		        </div>
		    	<div class="mui-col-xs-4">
		            <li class="mui-table-view-cell transparent-bg">
		               <button class="mui-btn-link">举报</button>
		            </li>
		       </div>
		    </div>
		    
		    <!--其他人报名后看到的样式-->
		    <div class="mui-row public-bottom-button detail-btn-div"  style="display: none;">
		    	<div class="mui-col-xs-12">
		            <li class="mui-table-view-cell transparent-bg">
		               <button class="mui-btn-link">取消报名</button>
		            </li>
		        </div>
		    </div>
	    </div>
	    
	</div>



<script src="../js/mui.min.js"></script>
<script src='../js/my_plugin.js'></script>

</body>
</html>